<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
	<meta name="keywords" contect="骑行头盔">
	<meta name="Description" contect="众筹-好物众筹骑行头盔 浙江有仓活动">
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="Author" contect="kaito">
	<title>好物众筹（骑行头盔）</title>
	<link rel="stylesheet" type="text/css" href="vendor/roundslider/roundslider.css">
	<link rel="stylesheet" type="text/css" href="bulid/css/normalize.css">
	<link rel="stylesheet" type="text/css" href="bulid/css/index.css">
	<script src="vendor/jquery/jquery-1.10.2.min.js"></script>
	<!--r_slider-->
	<script src="vendor/roundslider/roundslider.js"></script>
	<!--layer-->
	<script src="vendor/layer/layer.js"></script>
</head>
<body class="body">

	<div class="wrapper" id="wrapper">
		<!--top logo-->			
		<div class="top">
			<div class="fl logo">
				<img src="img/logo.png">
			</div>
			<div class="fl pay-attaction" id="payAttaction">
				<a href="javascript:void(0);"><img src="img/attention.png"></a>
			</div>
		</div>

		<div class="clearfix"></div>

		<!--content-->
		<div class="content">
			<div class="product">
				<div class="fl loading">
					<div class="product-pic">
						<img src="img/product.png">
					</div>
					<div id="shape" class="r-slider"></div>
					<span class="start">0%</span>
				</div>
				<div class="fl infos">
					<h1>骑行头盔</h1>
					<i class="icon"><img src="img/icon.jpg"></i>
					<em>市场价：<span>129</span>元</em>
					<p>浙仓价：<span id="startingPrice">59</span>元</p>
					<p>众筹成功价：<span class="decoration" id="discountPrice">5</span>元</p>
					<p>众筹总数：<span id="totalNum">100</span>顶</p>
					<a href="http://mp.weixin.qq.com/s/X1-SjXspN3i_Gmc0f31JmQ" class="linkto">查看产品介绍 > </a>
				</div>
			</div>
			
			<!--当前价格牌-->
			<div class="price-brand">
				<p class="disl brand"><span class="gird symbol"></span></p>
				<p class="disl brand"><span class="gird zero"></span></p>
				<p class="disl brand"><span class="gird zero"></span></p>
				<p class="disl brand"><span class="gird"><img src="img/numbers.png" class="decade" id="decade"></span></p>
				<p class="disl brand"><span class="gird"><img src="img/numbers.png" class="unit" id="unit"></span></p>
			</div>
			
			<!--参加人数-->
			<div class="nb-entries">
				<p>当前价<span>已有<em id="members">1000</em>人参加</span></p>
				<a href="javascript:viod(0);" class="join" id="joinTo"></a>
			</div>
			<!--倒计时-->
			<div class="count-down">
				<p class="time">倒计时
					<span id="day">99</span>天
					<span id="hour">99</span>:
					<span id="minute">99</span>:
					<span id="second">99</span>
				</p>
			</div>
			<div class="clearfix"></div>
			<!--supporter-->
			<div class="supporter">
				<img src="img/support.png">
			</div>
		</div>
		
	</div>

<script src="bulid/js/index.js"></script>
<script type="text/javascript">

	//根据 innerHeight 与 innerWidth  动态改变元素
	var rHeight = $(".loading").width() / 2.6+ 12
	console.log(rHeight)
	function loading(args){

		var totalNum = args.totleNum;
		var buyNum = args.buyoutNum;
	    $("#shape").roundSlider({
	        sliderType: "min-range",
	        radius: rHeight,
	        value: buyNum,
	        width:10,
	        max: totalNum,
	        handleSize: "15",
	        startAngle: 90,
	        readOnly: true,
	        create: function(args){
	        /*    var f_element = $createElement("span.f-element").html(args.value + "%");
	            f_element.css({
	                "display":"block"
	            })
	            $(".rs-handle").append(f_element);*/
	            $(".start").html(args.value +"%")
	        }
    	});
	}



</script>
</body>

</html>